/* 边距*/

@for $i from 1 through 4 {
  .w#{25*$i} {width: (25%*$i);}
  .bor-r#{5*$i} {border-radius: 5px*$i;}
  .box#{$i} {flex: $i;} 
  // .padding-#{5*$i}{padding:.05rem*$i;}
  // .padding-l#{5*$i}{padding-left:.05rem*$i;}
  // .padding-r#{5*$i}{padding-right:.05rem*$i;}
  // .padding-t#{5*$i}{padding-top:.05rem*$i;}
  // .padding-b#{5*$i}{padding-bottom:.05rem*$i;}
  // .padding-lr#{5*$i}{padding:0 .05rem*$i;}
  // .padding-tb#{5*$i}{padding:.05rem*$i 0;}
  // .margin-#{5*$i}{margin:.05rem*$i;}
  // .margin-l#{5*$i}{margin-left:.05rem*$i;}
  // .margin-r#{5*$i}{margin-right:.05rem*$i;}
  // .margin-t#{5*$i}{margin-top:.05rem*$i;}
  // .margin-b#{5*$i}{margin-bottom:.05rem*$i;}
  // .margin-lr#{5*$i}{margin:0 .05rem*$i;}
  // .margin-tb#{5*$i}{margin:.05rem*$i 0;}
}

/* 字体 10-28*/

@for $i from 1 through 10 {
  .font-#{8+$i*2} {
    font-size: 8+$i*2px !important;
  }
}
